<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
		$(function() {
			/* 清单查找 */
			$('#emp').textbox({
				icons : [ {
					iconCls : 'icon-add',
					handler : function(e) {
						$("#insertemp_g").dialog("open");
					}
				} ]
			});
			$('.ones').linkbutton({
				onClick : function() {
					$(".su").panel({
						href : "to_application_for_affairsControllers"
					});
				}
			});
		});
	</script>

	<div class="su"
		style="width: 1000px; height: 900px; margin-top: 5px; margin-left: 10px; font-size: 14px;">
		<div id="insert_bt" class="insert_bt">
			<a href="#" class="easyui-linkbutton return" iconCls="icon-reload"
				plain="true" title="返回" data-options="text:'返回'"></a> <a
				class="easyui-linkbutton"
				data-options="text:'返回第一步',iconCls:'icon-add',plain:true"></a> <span
				style="float: right; font-size: 12px; margin-top: 5px;"><a
				class="easyui-linkbutton ones"
				data-options="text:'下一步',iconCls:'icon-add',plain:true"></a></span>
		</div>

		<div style="font-size: 14px;">概要</div>
		<div
			style="border-top: 2px solid #2B91D5; width: 400px; display: inline-block; margin-right: 15px;">
			<table cellspacing="10">
				<tbody>
					<tr>
						<td><input class="easyui-textbox" id="emp"
							data-options="label:'  *编号', width:200,labelWidth:130" /></td>
					</tr>
					<tr>
						<td><input class="easyui-textbox" name="dept"
							data-options="label:'*员工', width:200,labelWidth:130" /></td>
					</tr>
					<tr>
						<td><input class="easyui-datebox"
							data-options="label:'*计划开始时日', width:200,labelWidth:130" /></td>
						<td><input class="easyui-timespinner" style="width: 80px;"
							data-options="min:'08:30',showSeconds:true" /></td>
					</tr>
					<tr>
						<td><input class="easyui-datebox"
							data-options="label:'*计划结束时日', width:200,labelWidth:130" /></td>
						<td><input class="easyui-timespinner" style="width: 80px;"
							data-options="min:'08:30',showSeconds:true" /></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div
			style="border-top: 2px solid #2B91D5; width: 400px; display: inline-block;">
			<table cellspacing="10">
				<tbody>
					<tr>
						<td><input class="easyui-textbox" id="emp"
							data-options="label:'  *编号', width:200,labelWidth:130" /></td>
					</tr>
					<tr>
						<td><input class="easyui-textbox" name="dept"
							data-options="label:'*员工', width:200,labelWidth:130" /></td>
					</tr>
					<tr>
						<td><input class="easyui-datebox"
							data-options="label:'*计划开始时日', width:200,labelWidth:130" /></td>
						<td><input class="easyui-timespinner" style="width: 80px;"
							data-options="min:'08:30',showSeconds:true" /></td>
					</tr>
					<tr>
						<td><input class="easyui-datebox"
							data-options="label:'*计划结束时日', width:200,labelWidth:130" /></td>
						<td><input class="easyui-timespinner" style="width: 80px;"
							data-options="min:'08:30',showSeconds:true" /></td>
					</tr>
				</tbody>
			</table>
		</div>

		<!--dialog1-->
		<!--清单查找-->
		<div id="insertemp_g" class="easyui-dialog"
			data-options="
		width:450,
		height:405,
		title:'清单查找-考勤员工',
		bodyCls:'awby',
		modal:true,
		closed:true,
		buttons:[{
				text:'添加',
				iconCls:'icon-ok',
				handler:function(){
					$('#f1').form({
							onSubmit:function(){
								//验证表单
								return $(this).form('validate');
								
							},
							success:function(v){
								$.messager.alert('提示','恭喜，添加成功！');
								$('#insertemp_g').dialog('close');
								location.reload();
							}
						}).submit();
				}
			},{
				text:'继续添加',
				handler:function(){
					$('#f1').form('reset');
				}
			},{
				text:'关闭',
				iconCls:'icon-cancel',
				handler:function(){
					$('#insertemp_g').dialog('close');
				}
			}]">
			<div>
				<form action="">
					<table id="list_lookup">
						<tr>
							<td><input class="easyui-datebox"
								data-options="label:'参考日期', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-textbox"
								data-options="label:'员工', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-textbox"
								data-options="label:'名称', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-combobox"
								data-options="label:'班组', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td><input class="easyui-combobox"
								data-options="label:'部门', width:200,labelWidth:60" /></td>
						</tr>
						<tr>
							<td></td>
							<td><a class="easyui-linkbutton">模糊查询</a></td>
							<td><a class="easyui-linkbutton">精确查询</a></td>
						</tr>
					</table>
				</form>
			</div>
			<table class="easyui-datagrid" 
				data-options="   
				method:'get',
				pagination:true,     
				pageSize:10,     
				pageList: [10,20,30,40,50], 
				rownumbers:true,
				Striped:true, 
				singleSelect:true,
				striped:true
				">
				<thead>
					<tr>
						<th data-options="field:'userid'">编号</th>
						<th data-options="field:'uname'">员工编号</th>
						<th data-options="field:'phone'">员工名称</th>
						<th data-options="field:'userid'">部门</th>
						<th data-options="field:'uname'">事务类型</th>
						<th data-options="field:'phone'">假种</th>
					</tr>
				</thead>
				<tbody>

					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
					<tr>
						<td>编号</td>
						<td>员工编号</td>
						<td>员工名称</td>
						<td>部门</td>
						<td>事务类型</td>
						<td>假种</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</body>
</html>